.pxToRem(@p, @px){
    @{p}: @px / 75 * 1rem;
}
body{
    background: #f6f6f6;
}
.header{
    .pxToRem(height,395);
    background: #000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    div{
        color: #ccc;
        .pxToRem(width,140);
        float: left;
        figure{
            float: left;
            border-radius: 50%;
            overflow: hidden;
            .pxToRem(height,140);
            img{
                .pxToRem(height,140);
                .pxToRem(width,140);
            }
        }
        p{
            clear: both;
        }
    }
}
.choice{
    .pxToRem(height,180);
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    background-color: #fff;
    div{
        flex: 1;
        .pxToRem(height,90);
        border-right:1px solid #ccc;
        display: flex;
        flex-direction: column;
        background: url(../images/myset/right-arrow.png) no-repeat center;
        .pxToRem(padding-right,40);
        .pxToRem(background-position-x,320);
        p{
            .pxToRem(margin-left,40);
            .pxToRem(margin-top,10);
            .pxToRem(font-size,20);
            span{
                .pxToRem(font-size,30);
            }
        }
    }
    div:last-child{
        border-right:none; 
    }
}
.my_order{
    background-color: #fff;
    .pxToRem(height,265);
    .pxToRem(margin-top,18);
    .order-tit{
        width: 85%;
        .pxToRem(height,108);
        .pxToRem(line-height,108);
        .pxToRem(font-size,28);
        background: url(../images/myset/right-arrow.png) no-repeat right
        center;
        .pxToRem(padding-right,40);
        border-bottom: 1px solid #ccc;
        span{
            float: right;
        }
    }
    .order-xx{
        .pxToRem(margin-top,35);
        display: flex;
        li{
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            img{
                .pxToRem(width,44);
                .pxToRem(height,38);
            }
            a{
                color: #000;
                .pxToRem(margin-top,18);
            }
        }
    }
}
.invite{
    .pxToRem(margin-top,18);
    background: #fff;
    .pxToRem(margin-bottom,110);
    .order-tit{
        width: 85%;
        .pxToRem(height,108);
        .pxToRem(line-height,108);
        .pxToRem(font-size,28);
        background: url(../images/myset/right-arrow.png) no-repeat right
        center;
        .pxToRem(padding-right,40);
        border-bottom: 1px solid #ccc;
        span{
            float: right;
            color: red;
        }
    }
    .order-tit:last-child{
        border-bottom:none;
    }
}
.footer{
    .pxToRem(height,99);
    border: 1px solid #ccc;
    background-color:#f8f8f8;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    ul{
        height: 100%;
        display: flex;
        li{
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            img{
                .pxToRem(width,33);
                .pxToRem(height,39);
            }
            a{
                color: #000;
                .pxToRem(margin-top,8);
            }
        }
    } 
}